<div class="content">
	<div class="row">
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 margin-bottom-20">
			<div class="ibox">
				<div class="ibox-title">
					<h5>赛事服务入口</h5>
				</div>
				<div class="ibox-content">
					<div class="row">
						<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
							<h5>短信模板编辑</h5>
							<button class="btn btn-info btn-circle btn-lg btn-line" title="成绩短信" type="button" ui-sref="dashboard.race.sms"><i class="fa fa-file-text"></i></button>
						</div>
						<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
							<h5>证书模板编辑</h5>
							<button class="btn btn-info btn-circle btn-lg btn-line" title="证书下载" type="button" ui-sref="dashboard.race.certificate"><i class="fa fa-pencil-square"></i></button>
						</div>
						<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center">
							<h5>修改发令时间</h5>
							<button class="btn btn-info btn-circle btn-lg btn-line" title="发令时间" type="button" ui-sref="dashboard.race.guntime"><i class="fa fa-clock-o"></i></button>
						</div>
					</div>	
				</div>
			</div>
		</div>
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 margin-bottom-20">
			<div class="ibox">
				<div class="ibox-title">
					<h5>赛事基本信息</h5>
				</div>
				<div class="ibox-content">
					<ul class="race-info">
						<li>比赛名称：<span>{{raceinfo.disp_name}}</span></li>
						<li>比赛时间：<span>{{raceinfo.start_time}}</span></li>
						<li>所在城市：<span>{{raceinfo.province=='0'?'':raceinfo.province}} {{raceinfo.city=='0'?'':raceinfo.city}} {{raceinfo.area=='0'?'':raceinfo.area}}</span></li>
					</ul>	
				</div>
			</div>
		</div>
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 margin-bottom-20">
			<div class="ibox">
				<div class="ibox-title">
					<h5>赛事计时信息</h5>
				</div>
				<div class="ibox-content">
					<div class="row">
						<div class="col-xs-12 col-sm-6 col-md-12 col-lg-5">
							<p>赛事编号：<span>{{raceinfo.race_id}}</span></p>
							<p>赛事密码：<span>{{raceinfo.access_code}}</span></p>
							<p>比赛短名：<span>{{raceinfo.short_name}}</span></p>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-left margin-bottom-20">
			<div class="ibox">
				<div class="ibox-title">
					<h5>报名人数</h5>
				</div>
				<div class="ibox-content">
					<div class="flot-chart" ng-if="isRegNums">
                        <div flot class="flot-chart-content" dataset="flotPieData.person[0]" options="flotPieOptions"></div>
                    </div>
                    <p ng-if="!isRegNums" class="text-center margin-top-50">暂无数据。</p>
				</div>
			</div>
		</div>
		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-left margin-bottom-20">
			<div class="ibox">
				<div class="ibox-title">
					<h5>参赛人数</h5>
				</div>
				<div class="ibox-content">
					<div class="flot-chart" ng-if="isRacerNums">
                        <div flot class="flot-chart-content" dataset="flotPieData.person[1]" options="flotPieOptions"></div>
                    </div>
                    <p ng-if="!isRacerNums" class="text-center margin-top-50">暂无数据。</p>
				</div>
			</div>
		</div>
		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-left margin-bottom-20">
			<div class="ibox">
				<div class="ibox-title">
					<h5>完赛人数</h5>
				</div>
				<div class="ibox-content">
					<div class="flot-chart" ng-if="isFinishNums">
                        <div flot class="flot-chart-content" dataset="flotPieData.person[2]" options="flotPieOptions"></div>
                    </div>
                    <p ng-if="!isFinishNums" class="text-center margin-top-50">暂无数据。</p>
				</div>
			</div>
		</div>
		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-right margin-bottom-20">
			<div class="ibox">
				<div class="ibox-title">
					<h5>柱状图</h5>
				</div>
				<div class="ibox-content">
					<div class="text-center">
                        <canvas barchart options="barOptions" data="barData.person" height="140" responsive="true" ></canvas>
                    </div>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-left margin-bottom-20">
			<div class="ibox">
				<div class="ibox-title">
					<h5>报名队伍数</h5>
				</div>
				<div class="ibox-content">
					<div class="flot-chart" ng-if="isTeamRegNums">
                        <div flot class="flot-chart-content" dataset="flotPieData.team[0]" options="flotPieOptions"></div>
                    </div>
                    <p ng-if="!isTeamRegNums" class="text-center margin-top-50">暂无数据。</p>
				</div>
			</div>
		</div>
		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-left margin-bottom-20">
			<div class="ibox">
				<div class="ibox-title">
					<h5>参赛队伍数</h5>
				</div>
				<div class="ibox-content">
					<div class="flot-chart" ng-if="isTeamRacerNums">
                        <div flot class="flot-chart-content" dataset="flotPieData.team[1]" options="flotPieOptions"></div>
                    </div>
                    <p ng-if="!isTeamRacerNums" class="text-center margin-top-50">暂无数据。</p>
				</div>
			</div>
		</div>
		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-left margin-bottom-20">
			<div class="ibox">
				<div class="ibox-title">
					<h5>完赛队伍数</h5>
				</div>
				<div class="ibox-content">
					<div class="flot-chart" ng-if="isTeamFinishNums">
                        <div flot class="flot-chart-content" dataset="flotPieData.team[2]" options="flotPieOptions"></div>
                    </div>
                    <p ng-if="!isTeamFinishNums" class="text-center margin-top-50">暂无数据。</p>
				</div>
			</div>
		</div>
		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-3 col-right margin-bottom-20">
			<div class="ibox">
				<div class="ibox-title">
					<h5>柱状图</h5>
				</div>
				<div class="ibox-content">
					<div class="text-center">
                        <canvas barchart options="barOptions" data="barData.team" height="140" responsive="true" ></canvas>
                    </div>
				</div>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
			<div class="ibox">
				<div class="ibox-title">
					<h5>CP点信息</h5>
				</div>
				<div class="ibox-content">
					<table class="table table-striped table-bordered table-hover">
		                <thead>
		                    <tr>
		                        <th class="text-center">CP点名称</th>
		                        <th class="text-center">上传数据</th>
		                        <th class="text-center">有效数据</th>
		                        <th class="text-center">是否联机</th>
		                        <th class="text-center">完成(百分比)</th>
		                    </tr>
		                </thead>
		                <tbody>
		                    <tr ng-repeat="cp in raceinfo.cplist">
		                        <td class="text-center">{{cp.name}}</td>
		                        <td class="text-center">{{cp.uploaded}}</td>
		                        <td class="text-center">{{cp.effected}}</td>
		                        <td class="text-center">
		                        	<i class="fa fa-check text-navy" ng-if="cp.is_active=='yes'"></i>
		                        	<i class="fa fa-times text-danger" ng-if="cp.is_active=='no'"></i>
		                        </td>
		                        <td class="text-center">{{cp.percent + '%'}}</td>
		                    </tr>
		                </tbody>
		            </table>
		            <p ng-if="raceinfo.cplist.length==0" class="text-center margin-top-50">暂无数据。</p>	
				</div>
			</div>
		</div>
	</div>
</div>